草庐IT

Bootstrap4 按钮组

全部标签

javascript - 如何开始旋转一个 bootstrap Font Awesome 图标,然后使用 jQuery 让它停止

我正在处理的网页上有很棒的字体刷新图标。单击此图标时,我希望它开始旋转。我已经能够通过在我的JavaScript文件中输入以下内容来完成此操作:$('#lock-refresh').click(function(){$(this).addClass('fa-spin').//BelowisafunctionthatIneedtorunaftertheFAiconisclicked.startup();});不过,我只需要让这个图标旋转几秒钟。我试图将此(如下)添加到我的JS文件中,但是当我这样做时图标根本不旋转:$('#lock-refresh').click(function(){$

javascript - d.stopPropagation 不是 bootstrap select-picker 的函数

我的网站有一个问题,选择器在很多时候工作正常,但没有对代码进行任何更改,选择器停止工作。错误是:bootstrap-select.min.js:7UncaughtTypeError:d.stopPropagationisnotafunction我已经尝试更新库的版本,但我尝试过的所有版本(1.10、1.7、1.6和1.5)看起来都存在同样的问题。你能给我一些关于正在发生的事情的想法吗?如果您能在网站上看到该控制台,那就太棒了。 最佳答案 确保选择器在设置值之前已完全初始化:$('.selectpicker').selectpicke

javascript - Internet Explorer 中的锯齿状按钮边缘

如何去除InternetExplorer中宽按钮的锯齿状边缘?例如: 最佳答案 您还可以通过在按钮上设置background-color和/或border-color来消除WindowsXP的按钮样式(以及所有其他版本的Windows)。尝试以下样式:background-color:black;color:white;border-color:redgreenblueyellow;当然,您可以使它更赏心悦目。但你明白我的意思:)StackOverflow使用这种方法。 关于javasc

javascript - jQuery:如何选择所有带有名称的单选按钮?

我试图选择所有具有名称的单选按钮,但我只能选择选中的那些。例如,这有效:$("input[@name='id']:checked").each(function(){//});它选择所有带有名称id的输入,这些输入被选中(在本例中是一个单选按钮)。但是我需要所有这些,因为我需要在这个函数上没有检查这个名字的那些。例如,这没有做任何事情:$("input[@name='id']").each(function(){//});我该怎么办?谢谢! 最佳答案 试试这个:$('input[name="yourName"]').each(fun

Javascript/jQuery 仅在浏览器后退/前进按钮单击时检测哈希更改

是否可以仅在浏览器历史记录更改(即后退或前进按钮)时检测哈希更改?我已经看到了onBeforeUnload事件,但是这个事件不会在哈希更改时触发,因为窗口没有卸载。hashchange事件显然会在哈希更改时触发。任何修复?最好不用插件。我看过jQuery历史插件,但我正在寻找最简单的解决方案。感谢您的帮助。 最佳答案 我最终在触发导航时标记了一个标志,如果标记了标志,hashChange事件将忽略它,否则它会像处理后退/前进事件一样处理它。 关于Javascript/jQuery仅在浏览

javascript - 如何使用js将按钮添加到td?

我有一个动态生成的表,因为它正在生成它的TD,我想将第一个TD设置为一个按钮。下面是我的代码,显然不起作用。我记得我遇到的另一个问题是我们可以使用.html()更改div的内容,但这在这里也不起作用。代码:vartable=document.getElementById("userinfo");varthead,tr,td;table.appendChild(thead=document.createElement("thead"));thead.appendChild(tr=document.createElement("tr"));tr.appendChild(td=documen

javascript - 单击按钮启动 fancyBox

我遇到了fancyBoxv2的一个小问题。我想在点击按钮时启动fancyBox。单击后,它将加载列表中的所有图像(来自的src属性)。我创建了这个jsfiddle来展示我正在尝试做的事情:http://jsfiddle.net/fPFZg/jQuery(document).ready(function($){$('button').on('click',function(){$.fancybox();});});谁能看出这是怎么可能的? 最佳答案 我有同样的问题,发现下面的方法更简单:HTMLOpenFancybox(yourFan

javascript - Twitter Bootstrap 标签颠倒

我使用了TwitterBootstrap(http://twitter.github.io/bootstrap/javascript.html#tabs)选项卡功能,但我希望它是颠倒的,内容显示在顶部,TabMenuNav显示在底部!这可能吗?有什么解决方法吗? 最佳答案 使用以下CSS获得您期望的效果。我向.tab-content类添加了边框以使内容突出显示。.tab-content{padding:10px;border:1pxsolid#ddd;border-bottom:0px;}.nav-tabs{border-botto

javascript - 当用户在 Popover 外部单击时关闭 Bootstrap Popover

我有一些动态加载到包含弹出窗口的网页上​​的内容。出于这个原因,我必须将它们绑定(bind)到body上,以便它们正确加载和显示。我想找到一种方法来在用户点击弹出窗口外或另一个弹出窗口触发器时隐藏弹出窗口。我发现,如果我“隐藏”弹出窗口,弹出窗口确实会隐藏,但元素仍保留在DOM中。这意味着弹出窗口中的事件链接仍然是“可点击的”。如果我改为销毁弹出窗口,它会隐藏,但如果单击则无法重新激活。隐藏弹出窗口的唯一可靠方法是使用“切换”。这增加了确定要隐藏哪些弹出窗口的复杂性。请参阅thisJSFiddle所有这些代码。HTMLhttp://www.yahoo.com"class="some-p

javascript - bootstrap datepicker 显示选择的默认日期

我正在使用Bootstrap日期选择器,我是applyingthesetdatefunction.即,$('.datepicker').datepicker('setDate',newDate(2011,2,5));这工作正常,但未选择指定的日期。 最佳答案 使用setDate方法选择日期后,您需要更新datepicker以便在datepicker中获取所选日期。之前:$('#datepicker').datepicker('setDate',newDate(2011,2,5));$('#datepicker').datepicke